/* dialog */
.el-dialog {
  padding: 12px;
  background-color: #10182b;
}

.el-dialog__header {
  background-color: #18264f;
  border: 1px solid #3f5e93;
  border-bottom: none;
  padding-top: 10px;
}

.el-dialog__header::before,
.el-dialog__header::after,
.el-dialog__footer::before,
.el-dialog__footer::after {
  content: '';
  width: 72px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
}

.el-dialog__header::before {
  background-image: url('~@/assets/images/layer_tl.png');
  left: 12px;
  top: 12px;
}

.el-dialog__header::after {
  background-image: url('~@/assets/images/layer_tr.png');
  top: 12px;
  right: 12px;
}

.el-dialog__footer::before {
  background-image: url('~@/assets/images/layer_bl.png');
  left: 12px;
  bottom: 12px;
}

.el-dialog__footer::after {
  background-image: url('~@/assets/images/layer_br.png');
  bottom: 12px;
  right: 12px;
}

.el-dialog__title {
  font-size: 16px;
  color: #dbe2ee;
}

.el-dialog__headerbtn {
  top: 25px;
  right: 35px;
  z-index: 10;
}

.el-dialog__headerbtn .el-dialog__close {
  color: #dbe2ee;
  font-size: 20px;
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
  color: #dbe2ee;
}

.el-dialog__body {
  border: 1px solid #3f5e93;
  border-top: none;
  border-bottom: none;
}

.el-dialog__footer {
  border: 1px solid #3f5e93;
  border-top: none;
  text-align: center;
  padding-top: 0;
}

.el-button {
  font-size: 15px;
  height: 29px;
  border-radius: 0;
}

.el-button--danger,
.el-button--info {
  width: 100px;
  padding: 0 10px;
  border: 1px solid #4a69a4;
}

/* 弹框确定 */
.el-button--danger {
  background-color: #f15151;
}

.el-button--danger:focus,
.el-button--danger:hover,
.el-button--info:focus,
.el-button--info:hover,
.el-button--success:focus,
.el-button--success:hover,
.el-button--warning:focus,
.el-button--warning:hover {
  background-color: #4e5a7a;
  border-color: #4e5a7a;
}

/*弹框取消/批量删除 */
.el-button--info {
  background-color: #4a69a4;
}

.el-button--success,
.el-button--warning {
  border: none;
  padding: 0 15px;
}

/* 确定 */
.el-button--success {
  background-color: #f15151;
}

/* 全选 取消 */
.el-button--warning {
  background-color: #4a69a4;
}


.el-form-item {
  margin-bottom: 25px;
}

.el-form-item:last-child {
  margin-bottom: 0;
}

.el-form-item__label {
  color: #fff;
  font-size: 15px;
  line-height: 29px;
}

/* 输入框 */
.el-input__inner {
  background-color: #030d26;
  border: 1px solid #4b68a4;
  height: 28px;
  line-height: 28px;
  border-radius: 3px;
  color: #fff;
}

.detail-video .el-input__inner,
.detail-img .el-input__inner,
.headerInput .el-input__inner {
  background-color: #162448;
  border: 1px solid #4b68a4;
  height: 27px;
  line-height: 27px;
  border-radius: 3px;
  color: #fff;
}

.el-input__inner::placeholder {
  color: #5C6A85;
}

.el-input__inner:hover {
  border: 1px solid #4b68a4;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: #4b68a4;
}

.el-form-item__content {
  line-height: 0;
}

/* 遮罩层 去滚动条*/
.el-dialog__wrapper {
  overflow: hidden;
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus,
.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
  border-color: #4b68a4;
}

/* 单个搜索框 */
.el-input--small .el-input__inner {
  height: 27px;
  line-height: 27px;
  border-radius: 0;
  width: 100%;
  border-right: none;

}

.el-form-item--small.el-form-item {
  margin-right: 0;
  margin-bottom: 0;
}

/* 自定义search */
.el-button--goon {
  width: 28px;
  height: 28px;
  background-color: #4a69a4;
  border: 1px solid #4b68a4;
  border-left: none;
  outline: none;
  color: #fff;
  text-align: center;
  border-radius: 0;
  padding: 0 0.13rem 0 0.09rem;
}

.el-button--goon:focus,
.el-button--goon:hover {
  background-color: #4a69a4;
  color: #fff;
  border: 1px solid #4b68a4;
  border-left: none;
}

/* 禁用 */
.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
  color: #838488;
  background-color: #2f3136;
  border-color: #595a5d;
}

/* 分页 */
.el-pagination {
  font-weight: 100;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
  background-color: #1A2651;
  color: #739EE0;
  padding: 0 4px;
  border: 1px solid #4C67B7;
}

.el-pagination.is-background .el-pager li:not(.disabled).active:hover,
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: transparent;
  color: #fff;
  border-color: transparent;
}

.el-pagination.is-background .el-pager li.active {
  cursor: default;
}

.el-pagination .el-input__inner,
.el-pagination.is-background .el-pager li.active,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .el-pager li:hover,
.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #739EE0;
}

.el-pagination__total,
.el-pagination__jump {
  color: #739EE0;
}

/* 总数 */
.el-pagination__total {
  margin-left: 10px;
  margin-top: 2px;
}

.el-pagination .el-input__inner {
  height: 27px;
  font-size: 13px;
}

/* textarea样式 */
.el-textarea__inner {
  background-color: #172449;
  color: #fff;
  border: 1px solid #4a69a4;
}

.el-textarea .el-input__count {
  bottom: 9px;
  color: #536281;
}

.el-select-dropdown__wrap {
  margin-right: -17px !important;
}

.el-select-dropdown__item {
  height: 26px;
  line-height: 26px;
}

.el-select-dropdown {
  background-color: #162448;
  border-color: #4b68a4;
  color: #fff;
}

.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #162448;
}

.el-popper[x-placement^="bottom"] .popper__arrow {
  border-bottom-color: #4b68a4;
}

.el-select-dropdown__item {
  color: #ffff;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: #1e90ff;
}

.el-select-dropdown__item.selected {
  color: #fff;
  font-weight: 100;
}

.el-select .el-input .el-select__caret.is-reverse {
  transform: rotate(180deg);
}

.el-select .el-input.is-focus .el-input__inner {
  border-color: #4b68a4 !important;
}

.el-select .el-input__inner:hover {
  border-color: #4b68a4 !important;
}

.el-input__prefix,
.el-input__suffix {
  top: 33%;
  right: 12%;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #536281 !important;
}

/* 表格 */
.el-table,
.el-table__expanded-cell {
  background-color: #030d26;
}

.el-table th,
.el-table tr {
  background-color: inherit;
  border-color: #172449 !important;
}

.el-table td,
.el-table th.is-leaf {
  border-bottom-color: #374569;
  color: #fff;
  font-size: 16px;
}

.el-table thead {
  font-size: 0.21rem;
  color: #fff;
  background-color: #172449;
}

.el-table {
  border-bottom-color: #374569 ;
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
  background-color: transparent;
}

.el-table__body tr:hover>td {
  background-color: transparent !important;
}

.el-table__body tr {
  height: 0.8rem;
}

.el-table__body tr:hover {
  box-shadow: 0 0 0.35rem #8fc6ed inset;
}